import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { ViewPort, Bottom } from "../../";
import { green, description, lorem } from "../Utils";
import { CommonHeader, PropsTable, StandardProps, AnchoredProps } from "../Utils";
import * as BottomStories from './Bottom.stories';

<CommonHeader />

<Meta of={BottomStories} />

## Bottom

Anchored space on the bottom edge of it's parent.

### Specifying a % size

<Canvas of={BottomStories.Default} />

### Specifying a pixel size

<Canvas of={BottomStories.DefaultPx} />

### As a scrollable space

<Canvas of={BottomStories.Scrollable} />

### Properties

<BottomStories.Properties />
